<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/library/aui/css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/wx/demo/css/style.css">
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/wx/demo/css/index.css?<?=$time?>">
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/library/aui/css/aui-slide.css" />
</head>
<body>
<footer class="aui-bar aui-bar-tab gu-footer" id="footer">
    <div class="aui-bar-tab-item aui-active" tapmode>
        <i class="aui-iconfont aui-icon-home"></i>
        <div class="aui-bar-tab-label">首页</div>
    </div>
    <div class="aui-bar-tab-item" tapmode>
        <i class="aui-iconfont aui-icon-star"></i>
        <div class="aui-bar-tab-label">收藏</div>
    </div>
    <div class="aui-bar-tab-item" tapmode>
        <div class="aui-badge">99</div>
        <i class="aui-iconfont aui-icon-cart"></i>
        <div class="aui-bar-tab-label">购物车</div>
    </div>
    <div class="aui-bar-tab-item" tapmode>
        <div class="aui-dot"></div>
        <i class="aui-iconfont aui-icon-my"></i>
        <div class="aui-bar-tab-label">我的</div>
    </div>
</footer>

<!--搜索-->
<div class="aui-searchbar" id="search">
    <div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()">
        <i class="aui-iconfont aui-icon-search"></i>
        <form action="javascript:search();">
            <input type="search" placeholder="请输入搜索内容" id="search-input">
        </form>
    </div>
    <div class="aui-searchbar-cancel" tapmod>取消</div>
</div>

<!--幻灯片-->
<div id="aui-slide3" style="margin-top: 2.2rem;">
    <div class="aui-slide-wrap" >
        <div class="aui-slide-node bg-dark">
            <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w640_h360.jpg" />
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w640_h360.jpg" />
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w640_h360.jpg" />
        </div>
    </div>
    <div class="aui-slide-page-wrap"></div>
</div>


<div class="aui-content" id="slider">
    <div class="ui-slider my-slider-height">
        <ul class="ui-slider-content">
            <li>
                <span style="background-image:url(http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w640_h360.jpg)"></span>
            </li>
        </ul>
    </div>
</div>

<section class="aui-content gu-content">
    <!--
    <h3 ng-bind="id">热销产品</h3>
    -->
    <div class="wrapper">
        <div class="wall">
            <div class="article aui-padded-b-10">
                <a href="/detail?id=1">
                    <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w250_h360.jpg" onerror="" />
                    <h4 ng-bind=""> nadfaldfja</h4>
                    <small ng-bind="'￥' + l.price"></small>
                </a>
            </div>
            <div class="article aui-padded-b-10">
                <a href="/detail?id=1">
                    <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w640_h360.jpg" onerror="" />
                    <p ng-bind=""> nadfaldfja</p>
                    <small>￥200.22</small>
                </a>
            </div>
            <div class="article">
                <a href="/detail?id=1">
                    <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w500_h360.jpg" onerror="" />
                    <p ng-bind=""> nadfaldfja</p>
                    <small>￥ 123.12</small>
                </a>
            </div>
            <div class="article" ng-repeat="l in lists.data">
                <a href="/detail?id=1">
                    <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w270_h360.jpg" onerror="" />
                    <p ng-bind=""> nadfaldfja</p>
                    <small ng-bind="'￥' + l.price"></small>
                </a>
            </div>
        </div>
    </div>
</section>

</body>
<script src="<?=base_url()?>assets/library/jQuery-1.3.8/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?=base_url()?>assets/library/aui/script/api.js"></script>
<script type="text/javascript" src="<?=base_url()?>assets/library/aui/script/aui-slide.js"></script>
<script src="<?=base_url()?>assets/wx/js/index/jaliswall.js"></script>

<script>
    $('.wall').jaliswall({ item: '.article' });
</script>

<script type="text/javascript">
    apiready = function(){
        api.parseTapmode();
    }
    var searchBar = document.querySelector(".aui-searchbar-input");
    if(searchBar){
        searchBar.onclick = function(){
            document.querySelector(".aui-searchbar-cancel").style.marginRight = 0;
        }
    }
    document.querySelector(".aui-searchbar-cancel").onclick = function(){
        this.style.marginRight = "-"+this.offsetWidth+"px";
        document.getElementById("search-input").value = '';
        document.getElementById("search-input").blur();
    }
    function doSearch(){
        var searchValue = document.getElementById("search-input").value;
        if(searchValue){
            alert("您输入的内容是:"+searchValue);
        }
    }
</script>
<script type="text/javascript">
    var slide3 = new auiSlide({
        container:document.getElementById("aui-slide3"),
        // "width":300,
        "height":200,
        "speed":500,
        "autoPlay": 3000, //自动播放
        "loop":true,
        "pageShow":true,
        "pageStyle":'line',
        'dotPosition':'center'
    })
    console.log(slide3.pageCount());
</script>
</html>